<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>消息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../assets/css/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/index.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/extend.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/icons.css?v=2.3">
</head>
<body class="bg-gray">
<div id="msg">
    <!--<header data-am-widget="header" class="am-header am-header-default am-header-fixed ">

        <div class="am-header-left am-header-nav">
            <a onclick="history.go(-1)" class="widht-10s">
                <i class="icon_8"></i>
            </a>
        </div>
        <h1 class="am-header-title">
            消息
        </h1>


    </header>-->
    <section class="" id="amz-main" data-tag="css-nav">

        <div class="list am-padding-left-sm am-padding-right-sm bg-white sesslist">
        </div>


    </section>

    <footer data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
        <ul class="am-navbar-nav am-cf am-avg-sm-4">
            <li v-on:click="aiRadar()">
                <a  class="">
                    <img src="../assets/images/icons/radar.png"
                         alt="首页"/>
                    <span class="am-navbar-label">雷达</span>
                </a>
            </li>
            <li >
                <a href="javascript:void(0)" onclick="location.reload()" class="selected">
                    <img src="../assets/images/icons/news-on.png"
                         alt="商品"/>
                    <span class="am-navbar-label">消息</span>
                </a>
            </li>

            <li v-on:click="custom()">
                <a  class="">
                    <img src="../assets/images/icons/user.png"
                         alt="推广助手"/>
                    <span class="am-navbar-label">客户</span>
                </a>
            </li>
            <li v-on:click="my()">
                <a  class="">
                    <img src="../assets/images/icons/me.png"
                         alt="个人中心"/>
                    <span class="am-navbar-label">我的</span>
                </a>
            </li>
        </ul>
    </footer>

</div>


<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/vue2.2.2.min.js"></script>
<script src="../assets/common.js"></script>
<script type='text/javascript' src='../assets/js/tls/js/lib/jquery/jquery.js'></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/lodash.min.js"></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/bootstrap/bootstrap-table.js"></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/bootstrap/bootstrap-collapse.js"></script>
<script type="text/javascript" src="../assets/js/tls/js/lib/xss.js"></script>
<!--用于获取文件MD5 js api(发送图片时用到)-->
<!--<script type="text/javascript" src="../assets/js/tls/js/lib/md5/spark-md5.js"></script>-->

<!--web im sdk-->
<script type="text/javascript" src="../assets/js/tls/js/sdk/webim.js"></script>
<!--<script type="text/javascript" src="sdk/webim.min.js"></script>-->
<script type="text/javascript" src="../assets/js/tls/js/sdk/json2.js"></script>

<!--web im sdk 登录 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/login/login.js"></script>
<!--web im sdk 登出 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/logout/logout.js"></script>
<!--web im 解析一条消息 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/common/show_one_msg.js"></script>
<!--web im demo 基本逻辑-->
<script type="text/javascript" src="../assets/js/tls/js/base.js"></script>
<!--web im sdk 资料管理 api 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/profile/profile_manager.js"></script>
<!--web im sdk 好友管理 api 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/friend/friend_manager.js"></script>
<!--web im sdk 好友申请管理 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/friend/friend_pendency_manager.js"></script>-->
<!--web im sdk 好友黑名单管理 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/friend/friend_black_list_manager.js"></script>-->
<!--web im sdk 最近联系人 api 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/recentcontact/recent_contact_list_manager.js"></script>
<!--web im sdk 群组管理 api 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/group/group_manager.js"></script>
<!--web im sdk 群成员管理 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/group/group_member_manager.js"></script>-->
<!--web im sdk 加群申请管理 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/group/group_pendency_manager.js"></script>-->
<!--web im 切换聊天好友或群组 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/switch_chat_obj.js"></script>
<!--web im sdk 获取c2c获取群组历史消息 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/msg/get_history_msg.js"></script>
<!--web im sdk 发送普通消息(文本和表情) api 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/msg/send_common_msg.js"></script>
<!--web im sdk 上传和发送图片消息 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/upload_and_send_pic_msg.js"></script>-->
<!--web im sdk 上传和发送文件消息 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/upload_and_send_file_msg.js"></script>-->
<!--web im sdk 切换播放语音消息 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/switch_play_sound_msg.js"></script>-->
<!--web im sdk 发送自定义消息 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/send_custom_msg.js"></script>-->
<!--web im sdk 发送群自定义通知 api 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/send_custom_group_notify_msg.js"></script>-->
<!--<script type="text/javascript" src="../assets/js/tls/js/common/change_title.js"></script>-->
<!--<script type="text/javascript" src="../assets/js/tls/js/common/radio.js"></script>-->
<!--web im 监听新消息(c2c或群) 示例代码-->
<script type="text/javascript" src="../assets/js/tls/js/msg/receive_new_msg.js"></script>
<!--web im 监听群系统通知消息 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/receive_group_system_msg.js"></script>-->
<!--web im 监听好友系统通知消息 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/receive_friend_system_msg.js"></script>-->
<!--web im 监听资料系统通知消息 示例代码-->
<!--<script type="text/javascript" src="../assets/js/tls/js/msg/receive_profile_system_msg.js"></script>-->
<!--<script type="text/javascript" src="../assets/js/tls/js/senddata.js"></script>-->

<script src="../assets/js/md5.js"></script>
<link rel="stylesheet" href="../assets/js/layui/css/layui.css">
<script type='text/javascript' src='../assets/js/layui/layui.js'></script>
<script>
    var sessionid = getQueryString("sessionid");
    var toUserId = getQueryString("toUserId");
    var identifier;
    var userSig;
    var identifierNick;
    new Vue({
        el: "#msg",
        data: {
            staffInfo: ''
        },
        methods: {
            my: function () {//我的
                window.location.href = '我的.html?sessionid=' + sessionid
            },
            aiRadar:function(){
                window.location.href='../aiRadar.html?sessionid='+sessionid
            },
            custom:function(){
                window.location.href = "客户.html?sessionid="+sessionid;
            }
        }
    })

    layui.use('layer', function(){
        var layer = layui.layer;
        var mask = layer.msg('正在加载', {icon: 16});
        setTimeout(function () {
            layer.close(mask);
        },2000);
    });
    $.ajax({
        type:"get",
        url:baseUrl+"v3.0/userList/simple",
        headers:{"session_id":sessionid},
        async:false,
        success:function(result) {
            identifier = result.id;
            userSig = result.userSig;
            identifierNick = result.name;
        }
    });


    // identifier = getQueryString("id");
    // userSig = getQueryString("userSig");
    //帐号模式，0-表示独立模式，1-表示托管模式
    var accountMode = 0;

    var sdkAppID = 1400098008;
    var accountType = 28305;

    //当前用户身份
    var loginInfo = {
        'sdkAppID': sdkAppID, //用户所属应用id,必填
        'identifier': identifier, //当前用户ID,必须是否字符串类型，必填
        'accountType': accountType, //用户所属应用帐号类型，必填
        'userSig': userSig, //当前用户身份凭证，必须是字符串类型，必填
        'identifierNick': identifierNick, //当前用户昵称，不用填写，登录接口会返回用户的昵称，如果没有设置，则返回用户的id
        'headurl': '../assets/js/tls/images/me.jpg' //当前用户默认头像，选填，如果设置过头像，则可以通过拉取个人资料接口来得到头像信息
    };

    var AdminAcount = 'qwe101';
    var selType = webim.SESSION_TYPE.C2C; //当前聊天类型
    var selToID = null; //当前选中聊天id（当聊天类型为私聊时，该值为好友帐号，否则为群号）
    var selSess = null; //当前聊天会话对象
    var recentSessMap = {}; //保存最近会话列表
    var reqRecentSessCount = 50; //每次请求的最近会话条数，业务可以自定义

    //默认好友头像
    var friendHeadUrl = '../assets/js/tls/images/me.jpg'; //仅demo使用，用于没有设置过头像的好友
    //默认群头像
    var groupHeadUrl = '../img/group.jpg'; //仅demo使用，用于没有设置过群头像的情况


    //存放c2c或者群信息（c2c用户：c2c用户id，昵称，头像；群：群id，群名称，群头像）
    var infoMap = {}; //初始化时，可以先拉取我的好友和我的群组信息


    var maxNameLen = 12; //我的好友或群组列表中名称显示最大长度，仅demo用得到
    var reqMsgCount = 15; //每次请求的历史消息(c2c获取群)条数，仅demo用得到

    var pageSize = 15; //表格的每页条数，bootstrap table 分页时用到
    var totalCount = 200; //每次接口请求的条数，bootstrap table 分页时用到

    var emotionFlag = false; //是否打开过表情选择框

    var curPlayAudio = null; //当前正在播放的audio对象

    var getPrePageC2CHistroyMsgInfoMap = {}; //保留下一次拉取好友历史消息的信息
    var getPrePageGroupHistroyMsgInfoMap = {}; //保留下一次拉取群历史消息的信息

    var defaultSelGroupId = null; //登录默认选中的群id，选填，仅demo用得到
    //监听（多终端同步）群系统消息方法，方法都定义在receive_group_system_msg.js文件中
    //注意每个数字代表的含义，比如，
    //1表示监听申请加群消息，2表示监听申请加群被同意消息，3表示监听申请加群被拒绝消息
    // var onGroupSystemNotifys = {
    //     "1": onApplyJoinGroupRequestNotify, //申请加群请求（只有管理员会收到）
    //     "2": onApplyJoinGroupAcceptNotify, //申请加群被同意（只有申请人能够收到）
    //     "3": onApplyJoinGroupRefuseNotify, //申请加群被拒绝（只有申请人能够收到）
    //     "4": onKickedGroupNotify, //被管理员踢出群(只有被踢者接收到)
    //     "5": onDestoryGroupNotify, //群被解散(全员接收)
    //     "6": onCreateGroupNotify, //创建群(创建者接收)
    //     "7": onInvitedJoinGroupNotify, //邀请加群(被邀请者接收)
    //     "8": onQuitGroupNotify, //主动退群(主动退出者接收)
    //     "9": onSetedGroupAdminNotify, //设置管理员(被设置者接收)
    //     "10": onCanceledGroupAdminNotify, //取消管理员(被取消者接收)
    //     "11": onRevokeGroupNotify, //群已被回收(全员接收)
    //     "15": onReadedSyncGroupNotify, //群消息已读同步通知
    //     "255": onCustomGroupNotify, //用户自定义通知(默认全员接收)
    //     "12":onInvitedJoinGroupNotifyRequest//邀请加群(被邀请者接收,接收者需要同意)
    // };

    //监听好友系统通知函数对象，方法都定义在receive_friend_system_msg.js文件中
    // var onFriendSystemNotifys = {
    //     "1": onFriendAddNotify, //好友表增加
    //     "2": onFriendDeleteNotify, //好友表删除
    //     "3": onPendencyAddNotify, //未决增加
    //     "4": onPendencyDeleteNotify, //未决删除
    //     "5": onBlackListAddNotify, //黑名单增加
    //     "6": onBlackListDeleteNotify //黑名单删除
    // };

    // var onC2cEventNotifys = {
    //     "92": onMsgReadedNotify, //消息已读通知,
    //     "96" : onMultipleDeviceKickedOut
    // };

    //监听资料系统通知函数对象，方法都定义在receive_profile_system_msg.js文件中
    // var onProfileSystemNotifys = {
    //     "1": onProfileModifyNotify //资料修改
    // };

    //监听连接状态回调变化事件
    var onConnNotify = function(resp) {
        var info;
        switch (resp.ErrorCode) {
            case webim.CONNECTION_STATUS.ON:
                webim.Log.warn('建立连接成功: ' + resp.ErrorInfo);
                break;
            case webim.CONNECTION_STATUS.OFF:
                info = '连接已断开，无法收到新消息，请检查下你的网络是否正常: ' + resp.ErrorInfo;
                // alert(info);
                webim.Log.warn(info);
                break;
            case webim.CONNECTION_STATUS.RECONNECT:
                info = '连接状态恢复正常: ' + resp.ErrorInfo;
                // alert(info);
                webim.Log.warn(info);
                break;
            default:
                webim.Log.error('未知连接状态: =' + resp.ErrorInfo);
                break;
        }
    };

    //IE9(含)以下浏览器用到的jsonp回调函数
    function jsonpCallback(rspData) {
        webim.setJsonpLastRspData(rspData);
    }

    //监听事件
    var listeners = {
        "onConnNotify": onConnNotify //监听连接状态回调变化事件,必填
        ,
        // "jsonpCallback": jsonpCallback //IE9(含)以下浏览器用到的jsonp回调函数，
        // ,
        "onMsgNotify": onMsgListNotify //监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
        ,
        // "onBigGroupMsgNotify": onBigGroupMsgNotify //监听新消息(直播聊天室)事件，直播场景下必填
        // ,
        // "onGroupSystemNotifys": onGroupSystemNotifys //监听（多终端同步）群系统消息事件，如果不需要监听，可不填
        // ,
        // "onGroupInfoChangeNotify": onGroupInfoChangeNotify //监听群资料变化事件，选填
        // ,
        // "onFriendSystemNotifys": onFriendSystemNotifys //监听好友系统通知事件，选填
        // ,
        // "onProfileSystemNotifys": onProfileSystemNotifys //监听资料系统（自己或好友）通知事件，选填
        // ,
        "onKickedEventCall": onKickedEventCall //被其他登录实例踢下线
        // ,
        // "onC2cEventNotifys": onC2cEventNotifys //监听C2C系统消息通道
        // ,
        // "onAppliedDownloadUrl": onAppliedDownloadUrl //申请文件/音频下载地址的回调
    };

    var isAccessFormalEnv = true; //是否访问正式环境



    var isLogOn = false; //是否开启sdk在控制台打印日志

    //初始化时，其他对象，选填
    var options = {
        'isAccessFormalEnv': isAccessFormalEnv, //是否访问正式环境，默认访问正式，选填
        'isLogOn':isLogOn //是否开启控制台打印日志,默认开启，选填
    }


    independentModeLogin();


</script>
</body>
</html>